<form method="post">
    <div class="panel dux-box">
        <div class="table-responsive">
            <table id="table" class="table table-hover ">
                <tbody>
                    <tr>
                        <th width="100">编号</th>
                        <th width="*">名称</th>
                        <th width="*">排序</th>
                        <th width="*">状态</th>
                        <th width="100">操作</th>
                    </tr>
                    <volist name="list" id="val">
                        <tr>
                            <td>{$val['service_id']}</td>
                            <td>{$val['service_name']}</td>
                            <td>{$val['service_sort']}</td>
           					<td>
		                        <if condition="$val['service_status'] eq 1">
		                        <span class="tag bg-green">
		                        	服务
		                        </span>
		                        <else/>
		                        <span class="tag bg-red">
		                        	禁闭
		                        </span>
		                       </if>
                    		</td>
                            <td>
                                <a class="button bg-blue button-small icon-pencil" href="{:U('Service/edit',array('service_id'=>$val['service_id']))}" title="修改"></a>
                                <a class="button bg-red button-small icon-trash-o js-del" href="javascript:;" url="{:U('Service/del')}" data="{$val['service_id']}" title="删除"></a>
                            </td>
                        </tr>
                    </volist>
                </tbody>
            </table>
        </div>
        <div class="panel-foot table-foot clearfix">{$page}</div>
    </div>
</form>
<script>
    Do.ready('base', function () {
       $('#table').duxTable({});
    });
</script>